<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>10到13章pdf</title>
</head>
<body>
    <select name="fruit" >
        <option value="1">苹果</option>
        <option value="2">橘子</option>
        <option value="3">香蕉</option>
    </select>



    <optgroup label="水果类">
        <option value="1">苹果</option>
        <option value="2" selected>橘子</option>
        <option value="3" label="香蕉">香蕉</option>
    </optgroup>

    <textarea name="content" cols="30" rows="20" wrap="hard"></textarea>

    
    <input list="footlist">
    <datalist>
        <option value="苹果">苹果</option>
        <option value="橘子">橘子</option>
        <option value="香蕉" label="香蕉"></option>
        <option value="梨子"></option>
    </datalist>

    <input type="date">
    <input type="month">
    <input type="time">
    <input type="week">
    <input type="datetime">
    <input type="datetime-local">

    <input type="color">

    音乐 <input type="checkbox">
    体育 <input type="checkbox">

    <input type="radio" name="sex" value="男">男
    <input type="radio" name="sex" value="女">女

    <input type="email">
    <input type="tel">
    <input type="url">


    <meta name="author" content="bnbbs">
    <meta name="description" content="这是一个Html2页面">
    <meta name="keywords" content="html，css3,响应式">
    <meta name="generator" content="sublime text 3">

    <style type="text/css">
    p{
        color: blue;
        font-size: 40px;
    }
    </style>

    <p style="color: red; font-size: 30px;">我将</p>

    
</body>
</html>